<template>
  <div id="navBar">
    <div class = 'navBarItem' v-for="(item, index) in items" :key="index">{{item}}</div>
    <div class="navBarItem"><a-icon type="unordered-list" /></div>
  </div>
</template>

<script>
export default {
  name: 'Nav',
  data(){
    return {
      items: ['人才', '雇主', '合伙人', '推荐', '关注']
    }
  },
  components: {},
  created(){},
  mounted(){},
  methods: {}
}
</script>
<style>
#navBar {
  /* background-color: green; */
  margin-top: 2%;
}
.navBarItem {
  width: 16.6%;
  height: 100%;
  display: inline-block;
  text-align: center;
  color: white;
}
</style>
